'use strict';
var React = require('react');
var actions = require('../../actions/products');
var ReProcessBar = require('./ReProcessBar.jsx');
class HkfsProductDetailMessage extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        return <div className="HkfsProductDetailMessageContainer">
            <div className="HkfsProductDetailMessageImg">
                <img src="/images/pc/fixed_details_img_bg.jpg"/>
                <div className="MessageImgContent">
                    <div className="MessageImgContentTitle">目标收益</div>
                    <div className="MessageImgContentProfit">{this.props.data.profit}</div>
                    <div className="MessageImgContentTime"><span>期限 </span><span>{this.props.data.time}</span></div>
                </div>
            </div>
            <div className="HkfsProductDetailMessage_Product">
                <div className="HkfsProductDetailMessage_ProductName">{this.props.data.name}</div>
                <div className="HkfsProductDetailMessage_ProductInfo">
                    <div className="ProductDetailMessageRisk">
                        <div className="detailMessage">{this.props.data.riskLevel}</div>
                        <div className="detailTitle">风险等级</div>
                    </div>
                    <div className="ProductDetailMessageLeft">
                        <div className="detailMessage">{this.props.data.surplusAmount}</div>
                        <div className="detailTitle">剩余总额度</div>
                    </div>
                    <div className="ProductDetailMessageAll">
                        <div className="detailMessage">{this.props.data.financingAmount}</div>
                        <div className="detailTitle">发行总额度</div>
                    </div>
                </div>
                <div className="ProductDetailProcess">
                    <div className="processText">产品进度</div>
                    <div className="MainProcessBarContainer">
                        <ReProcessBar reClass="MainProductsProcessBar" process={this.props.data.process}></ReProcessBar>
                        <div className="MainprocessBarMask">
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                        </div>
                    </div>
                    <div>{this.props.data.process}</div>
                </div>
                <div className="warning">投资人条件：投资人风险测评等级需大于产品风险等级</div>
            </div>
        </div>
    }
}

module.exports = HkfsProductDetailMessage;
